<template>
  <el-container>
    <el-aside width="400px">
      <Column />
    </el-aside>
    <el-main style="padding-top: 0">
      <Article v-if="curColumn.classType == 11" :curColumn="curColumn" />
      <Images v-else-if="curColumn.classType == 21" :curColumn="curColumn" />
      <Link v-else-if="curColumn.classType == 31" :curColumn="curColumn" />
      <Journal v-else-if="curColumn.classType == 41" :curColumn="curColumn" />
      <Explain v-else />
    </el-main>
  </el-container>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
  components: {
    Column: () => import('./index.vue'),
    Article: () => import('../Article/index.vue'),
    Images: () => import('../Image/index.vue'),
    Link: () => import('../Link/index.vue'),
    Journal: () => import('../Journal/index.vue'),
    Explain: () => import('./Explain.vue'),
  },
  computed: mapGetters(['curColumn']),
}
</script>